<template>
  <div class="content">
    <button>
      <svg
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 800 800"
        height="32px"
        width="32px"
        role="img"
        alt="Chat icon"
        aria-labelledby="openIconTitle openIconDesc"
        class="tawk-min-chat-icon"
        _mstHash="241"
      >
        <title id="openIconTitle">Opens Chat</title>
        <desc id="openIconDesc">This icon Opens the chat window.</desc>
        <path
          fill="white"
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M400 26.2c-193.3 0-350 156.7-350 350 0 136.2 77.9 254.3 191.5 312.1 15.4 8.1 31.4 15.1 48.1 20.8l-16.5 63.5c-2 7.8 5.4 14.7 13 12.1l229.8-77.6c14.6-5.3 28.8-11.6 42.4-18.7C672 630.6 750 512.5 750 376.2c0-193.3-156.7-350-350-350zm211.1 510.7c-10.8 26.5-41.9 77.2-121.5 77.2-79.9 0-110.9-51-121.6-77.4-2.8-6.8 5-13.4 13.8-11.8 76.2 13.7 147.7 13 215.3.3 8.9-1.8 16.8 4.8 14 11.7z"
        ></path>
      </svg>
    </button>
  </div>
</template>
<script setup>
</script>
<style scoped lang='scss'>
.content {
  width: 64px;
  height: 60px;
  position: fixed;
  bottom: 20px;
  background: #03a84e;
  border-radius: 50%;
  left: 5px;
  display: flex;
  justify-content: center;
  align-content: center;
  cursor: pointer;
  buttom {
    background-color: white;
  }
}
</style>